<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
        <div id="demo">
                   <i></i>
                   <span style="width: 100px;">

                span 节点
        {{isClass}}
         </span>

         </div>

<script>
    var app = new Vue({

        el: '#demo',
        beforeCreate(){

        },
        created(){

        },
        beforeMount(){

        },
        mounted: ()=> { //挂载元素，获取到DOM节点
            setTimeout(()=>{
//                this.count+=1;
//                console.log('this.count='+this.count)
            },1000)
        },
        beforeUpdate(){

        },
        updated(){ //挂载元素，获取到DOM节点
        },
        beforeDestroy(){

        },
        destroyed(){

        },
        data:function () {
            return  {
                count:0,
                isClass:true,

                message: 'Hello Vue!1111111'
            }
        },
//        data: {
//            count:0,
//            message: 'Hello Vue!'
//        }
    })
</script>

</body>
</html>